/* CSS Document */

.News{ padding:30px 0;}

.news-list{}
.news-list *{ transition: all 0.3s linear 0s;}
.news-list ul{ list-style-type:none; margin:0; padding:0;}
.news-list li{ margin:0 -15px; overflow:hidden; padding:20px 0; border-bottom:1px dashed #d2d2d2;}
.news-list li:last-child{ border-bottom:none;}
.news-list li .img{ overflow:hidden; height: 160px;}
.news-list li .img img{ width: 100%;}
.news-list li:hover .img img{ opacity:.8;}
.news-list li .text .title{ font-size:16px; color:#000; font-weight:600; margin:0 0 10px;}
.news-list li .text .p{ text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden; font-size:14px; color:#676767; line-height:24px;}
.news-list li .text .date{ font-size:14px; color:#676767; margin-top:10px;}
.news-list li .text .date span{ display:inline-block; margin-right:6%;}
.news-list li .text .btna{ float:right; margin-top: 4%;}
.news-list li .text .btna span{ display:inline-block; width:100px; height:30px; font-size:14px; color:#fff; border-radius:6px; background:#126ea4; text-align:center; line-height:30px;}
.news-list li:hover .text .title{ color:#126ea4;}
.news-list li .text .btna span:hover{ background:#115882;}


.qa-list{}
.qa-list *{ transition: all 0.3s linear 0s;}
.qa-list ul{ list-style-type:none; margin:0; padding:0;}
.qa-list li{ overflow:hidden; padding:25px 0;border-bottom:1px dashed #d2d2d2;}
.qa-list li:last-child{ border-bottom:none;}
.qa-list li .q{ font-size:16px; color:#000; font-weight:600; margin:0 0 10px; background:url(../images/inews_icon4.png) no-repeat center left; padding-left:30px; line-height:24px;}
.qa-list li .a{ text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden; font-size:14px; color:#676767; line-height:24px; background:url(../images/inews_icon5.png) no-repeat 0 2px; padding-left:30px;}
.qa-list li .btna{ float:right; margin-top: 2%;}
.qa-list li .btna span{ display:inline-block; width:100px; height:30px; font-size:14px; color:#fff; border-radius:6px; background:#126ea4; text-align:center; line-height:30px;}
.qa-list li .btna span:hover{ background:#115882;}

.news-con{ margin-top:30px; padding:0 30px;}
.news-con .title{ font-size:18px; color:#000; font-weight:bold; text-align:center;}
.news-con .date{ text-align:center; padding:4px 0 20px; border-bottom:1px solid #d2d2d2;}
.news-con .date span{ display:inline-block; margin:0 20px; font-size:14px; color:#8a8a8a; font-weight:600; padding-left:30px;}
.news-con .date .dj{ background:url(../images/news-icon1.png) no-repeat center left; }
.news-con .date .rq{ background:url(../images/news-icon2.png) no-repeat center left;}
.news-con .text{ padding:20px 0;}
.news-con .keywords{}
.news-con .keywords span{ font-size:14px; color:#126ea4; font-weight:600;}
.news-con .keywords a{ font-size:14px; color:#999;}
.news-con .keywords a:hover{ color:#126ea4; text-decoration:underline;}
.news-con .pager{ font-size:14px; color:#000; overflow:hidden; margin:0; padding:20px 0 30px;}
.news-con .pager a{ color:#126ea4; font-size:14px;}
.news-con .pager a:hover{ text-decoration:underline;}


.news-list .box-title{ border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin-bottom:6px;}
.news-list .box-title span{ display:inline-block; width:120px; height:35px; line-height:35px; text-align:center; background:#126ea4; color:#fff; font-size:18px; font-weight:600;}

.product-list{}
.product-list .box-title{ border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin-bottom:26px;}
.product-list .box-title span{ display:inline-block; width:120px; height:35px; line-height:35px; text-align:center; background:#126ea4; color:#fff; font-size:18px; font-weight:600;}

.product-list ul{ list-style-type:none; padding:0;}
.product-list li{ margin-bottom:20px; min-height: 200px; }
.product-list li:nth-child(3n-2){ clear: left;}
.product-list li .img{ overflow:hidden; /* height: 178px; */}
.product-list li .img img{ width:100%; transition: all 0.3s linear 0s;}
.product-list li:hover .img img{  transform: scale(1.1,1.1); }
.product-list li .text{}
.product-list li .text .title{ font-size:14px; color:#000; text-align:center; padding:8px 0  4px; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.product-list li .text .p{ font-size:14px; color:#797979; text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden; }
.product-list li:hover .text .title{ color:#126ea4;}


@media (max-width: 992px){
.news-list li .text .title{ margin-top:20px;}
.product-list li:nth-child(3n-2){ clear:inherit;}
.product-list li:nth-child(2n-1){ clear: left;}
}